﻿/* Layout Stylesheet */ 

.mainBody
{
    background-position: #FFF;
    margin: 0;
    padding: 0;
    background: #FFF;
    color: #000000;
    overflow:hidden;
}

.mainMenuText
{
    text-align:center;
    width: 100%; 
    color: white; 
    font-family: Verdana;
    font-size: 9pt; 
    font-weight: bold;
}

#MenuTable
{
     background-image:url(./images/onyxbar.gif);
     background-repeat:repeat-x;
     background-color:#eee;
     background-position:top;
     width:100%;
     border-collapse:collapse;
     table-layout:fixed;
}

span 	 
{
  font-weight:bold;
}

#maintitle
{
 position: relative;
 width: 100%;
 height: 65px;
 margin: 0;
 border: solid #333333;
 border-width: 0 0 2px 0;
 background-position:top;
 background-image: url(./images/maintitlebg.gif);
 background-repeat:repeat;
 color: #FFFFFF;
 }
     
#lh-col{
 position: absolute;
 left:0px;
 top:66px;
 width: 225px;
 margin: 0px;
 padding: 0px;
 vertical-align:top;
 }

#rh-col
{
	float:right;
	background: #c0c0c0;
	color: #333333;
	margin: 0;
	padding: 0;
	border: 0;
 }
 

	#dhtmlSrchPane_leftPanel{	/* Styling the help panel */
		
		background-color:#3c94c8;	/* Blue background color */
		color:#FFF;	/* White text color */
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Which font to use */
		/* You shouldn't change these 5 options unless you need to */		
		height: 400px;		
		left:0px;
		z-index:20;
		position:absolute;
		display:none;
	}
	
	#dhtmlSrchPane_leftPanel #leftPanelContent{
		padding:0px;
	}
	#dhtmlSrchPane_leftPanel .closeLink{ /* Layout of close link */
		padding-left:2px;
		padding-right:2px;
		background-color:#FFF;
		position:absolute;
		top:2px;
		right:2px;
		border:1px solid #000;
		color:#000;
		font-size:0.8em;				
	}
	#dhtmlSrchPane_leftPanel .closeLink:hover{	/* Close link text  - mouseover effect*/
		color:#FFF;
		background-color:#000;
	}	
	

	#dhtmlHelpPanel
{
    /* Styling the help panel */
    color: #FFF; /* White text color */
    font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; /* Which font to use */ /* You shouldn't change these 5 options unless you need to */
    height: 400px;
    left: 0px;
    z-index: 1000;
    position: absolute;
    display: none;
    color: white;
    background-color: darkgreen;
}
	
	#dhtmlHelpPanel #helpPanelContent{
		padding:0px;
	}
	#dhtmlHelpPanel .closeLink{ /* Layout of close link */
		padding-left:2px;
		padding-right:2px;
		background-color:#FFF;
		position:absolute;
		top:2px;
		right:2px;
		border:1px solid #000;
		color:#000;
		font-size:0.8em;				
	}
	#dhtmlHelpPanel .closeLink:hover{	/* Close link text  - mouseover effect*/
		color:#FFF;
		background-color:#000;
	}	

	#dhtmlScanPanel
{
	/* Styling the help panel */
	color: #FFF; /* White text color */
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; /* Which font to use */ /* You shouldn't change these 5 options unless you need to */
	left: 200px;
	top: 100px;
	z-index: 20;
	position: absolute;
	display: none;
	color: white;
	background-color: navy;
}
	
	#dhtmlScanPanel #ScanPanelContent{
		padding:0px;
	}
	#dhtmlScanPanel .closeLink{ /* Layout of close link */
		padding-left:2px;
		padding-right:2px;
		background-color:#FFF;
		position:absolute;
		top:2px;
		right:2px;
		border:1px solid #000;
		color:#000;
		font-size:0.8em;				
	}
	#dhtmlScanPanel .closeLink:hover{	/* Close link text  - mouseover effect*/
		color:#FFF;
		background-color:#000;
	}	
.headerbar
{
	white-space:nowrap;
	text-align: right;
}

.descriptionPanel 
{
	FONT-SIZE: x-small;
	font-weight:normal;
	PADDING-TOP: 2px; 
	BACKGROUND-COLOR: #FAFAFA;
	width:100%;
	/*height:100px;*/
	padding-left:5px;
	padding-top:5px;
	padding-bottom:2px;
	padding-right:5px;
	color: #3C7FD1; /* royalblue; */
	cursor:default;
}
.descriptionPanelContent
{
	border: solid 1px silver;
	BACKGROUND-COLOR: #FDFDFD;
}

.descriptionPanelHeader 
{ 
	FONT-FAMILY: verdana,helvetica,arial;
	FONT-WEIGHT: bold; 
	FONT-SIZE: x-small; 
	BACKGROUND-IMAGE: url(./images/silverglass.gif); 
	COLOR: dimgray; 
	PADDING-TOP: 2px; 
	PADDING-BOTTOM: 1px; 
	PADDING-LEFT: 3px; 
	BORDER-LEFT: silver 1px solid; 
	BORDER-RIGHT: silver 1px solid; 

}

.content
{
	/*background-color:F9F9F9; */
	margin: 0px;
	padding: 0px;
	border: 1px solid #FF0000;
}

td.title 
	{
		text-align: center;
		font-family: verdana;
		font-size: x-large;
		font-weight: bolder;
		color: #FFFFFF;
	}

td.headerbar 
{
	background-image: url(./images/bar.jpg);
	text-align: right;
	height: 24px;
}

/* specs for layers that slide. */
div.glide { 
	position:absolute; 
	visibility:hidden; 
	left:0; top:0;
	width:450px; 
	z-index:200;
	background-color:#dee7f7;
}
  
div.glide p  
{
	margin:.6em .8em 1em .6em;
}  

.help 
{
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	font-size:x-large;
	color:White; 
	position:absolute; 
	visibility:hidden; 
	left:0; 
	top:0;
	width:450px; 
	z-index:10001;
	text-align: center;
    background-color: darkgreen;
    }
    
.innerHelp { 
	font-size:medium;
	vertical-align:middle;
	width: 98%;
	height: 98%;
	text-align: left;
    color: Navy;
    background-color: White;
    border-color: Navy;
    border-style:groove;
    border-width:thin;
    }


#Header {
  margin:0;
  padding:.5em 2em;
  background:#ccc;
}
